﻿/* all control */
.table-default{border:none;padding:0;margin:0;border-collapse:collapse;}
.h-control{height: 25px;line-height: 25px;}
.h-control-textbox{height: 20px;line-height: 20px;}
.w-control-textbox{width:200px;}
.w-control-textbox-number{width:120px;}
.ErrorRow{color:Red;}
.watermarked{color: #999;}
/*------------LoggedUserInfo---------- */
.LoggedUserInfo{margin: 5px 10px;}
.LoggedUserInfo .hp{padding: 0 10px 0 5px; display:inline-block;border-right: 1px solid #BBBFC4;}
.LoggedUserInfo strong{font-size:11px;}
/*------------end LoggedUserInfo---------- */



/*------------PopupXacNhan---------- */

/*------------end PopupXacNhan---------- */

/*---------control dropdownlist--------------Height="29px" --*/


/*--------------CSS Pagination Links ---------*/
.UserProfile .pagination a:hover, .pagination a:active{
    border: 1px solid #2b66a5;
    color: #000;
    background-color: transparent;
}
.pagination .trangtruoc
{
       background-image: url("../img/trangtruoc.png");
    border: medium none !important;
    height: 31px;
    margin-bottom: 20px;
    margin-top: -46px;
    position: absolute;
    width: 185px;
}
.pagination .trangsau
{
    background-image: url(../img/trangsau.png);
     
    border: medium none !important;
    height: 31px;
    margin-bottom: 20px;
    margin-left: 860px;
    margin-top: -46px;
    position: absolute;
    width: 185px;
}
.pagination{padding: 2px;}

.pagination ul{
    margin: 0;
    padding: 0;
    text-align: left; /*Set to "right" to right align pagination interface*/
    font-size: 14px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
    padding: 0 5px;
    border: 1px solid #9aafe5;
    text-decoration: none; 
    color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
    border: 1px solid #2b66a5;
    color: #000;
    background-color: #FFFF80;
}

.pagination a.currentpage{
    background-color: #2e6ab1;
    color: #FFF !important;
    border-color: #2b66a5;
    font-weight: bold;
    cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
    background-color: white;
    cursor: default;
    color: #929292;
    border-color: #929292;
    font-weight: normal !important;
}

.pagination a.prevnext{
    font-weight: bold;
}

/*--------------end CSS Pagination Links ---------*/


/*image control*/

.ImageButton{border-radius: 2px 2px 2px 2px;border: 1px solid #CCCCCC;}
.ImageButton:hover{border-radius: 2px 2px 2px 2px;border: 1px solid #76adc4;background-color:#fdfff4;}

.ImageButton-16{border: 1px solid transparent !important;}
.ImageButton-16:hover{border: 1px solid #76adc4 !important;background-color:#fdfff4;}


.ImageButtonEdit-16{background-position:  -112px -95px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonEdit-32{background-position: -40px 0;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important; border:none;}
    
.ImageButtonView-16{background-position:  -192px -65px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonView-32{background-position: -40px 0;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important; border:none;}

.ImageButtonSearch-16{background-position:  -192px -65px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonSearch-32{background-position: -40px 0;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important; }

.ImageButtonExit-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonExit-32{background-position: 0px -256px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}


.ImageButtonDelete-16{background-position:  0 -128px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonDelete-32{background-position: -384px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonSave-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonSave-32{background-position: -96px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonRepair-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonRepair-32{background-position: -256px -127px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonNew-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonNew-32{background-position: -256px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonBack-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonBack-32{background-position: -193px -96px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonHome-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonHome-32{background-position: 0 -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}
.ImageNomalHome-32{background-position: 0 -160px;background-image: url("../img/opa-icons-orange32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonUpload-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonUpload-32{background-position: -96px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonPermission-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonPermission-32{background-position: -96px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonLock-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonLock-32{background-position: -64px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonUnLock-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonUnLock-32{background-position: -96px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonPrint-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonPrint-32{background-position: -64px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonExportExcel-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonExportExcel-32{background-position: -416px -192px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonDataError-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonDataError-32{background-position: -128px -256px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonUnCheck-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonUnCheck-32{background-position: -352px -160px;background-image: url("../img/opa-icons-32.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonCheckOK-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonCheckOK-32{background-position: -76px -7px;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}





.ImageButtonRequestForPayment-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonRequestForPayment-32{background-position: -113px -7px;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

.ImageButtonPayment-16{background-position:  0 -127px;background-image: url("../img/opa-icons-16.png");background-repeat: no-repeat;height: 16px;padding: 0;margin:0;width: 16px; color: transparent !important;border:none;}
.ImageButtonPayment-32{background-position: -151px -7px;background-image: url("../img/iconmetro.png");background-repeat: no-repeat;height: 32px;margin:0;padding: 0;width: 32px; color: transparent !important;}

/*image control Large*/
.LinkButtonImportSubjects{background-image: url("../Styles/AdminMenu/Crystal-Clear-action-configure.png");background-repeat: no-repeat;height: 16px;width:16px;}



/*hidden on row, gridview*/
tr .grid-stt{}
tr .grid-show{display:none;}

tr:hover .grid-stt{display:none;}
tr:hover .grid-show{display:block;}




/*CheckBox*/
.imgBox{height:48px;width:48px;float:left;margin-right:5px;margin-top:3px;border: 1px solid #CCCCCC;}
.divnoi{position:absolute;z-index:999;margin-left:-3px;margin-top:-2px;}
.imgBox img{height:48px;width:48px;}
.imgBox:hover{border: 1px solid #76adc4;cursor:pointer;cursor:hand}
.divchim{position: absolute;}
.magintop{margin-bottom:-9px;}
.divleft{width:106px;float:left;}




/*Control linkbutton*/
.block-linkbutton{display: block;float: left;height: 120px;margin-right: 10px;margin-bottom: 10px;
    width: 120px;border: 1px solid #DDDDDD;cursor:pointer}
.block-linkbutton:hover{ color: #000; border: 1px solid #76adc4; background-color: #eee; } 
.block-linkbutton .bl-content
{display: block;
    float: left;
    font-size: 8pt;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    }
.block-linkbutton .bl-content a{text-decoration:none; padding: 60px 10px 10px;}

.bl-ImportMonHoc{background: url("../Styles/AdminMenu/Crystal-Clear-action-configure.png") no-repeat center 10px;}


/*datalist*/
.editing-datalist{    border-bottom: 1px dotted #CDCDCD;
    border-top: 1px dotted #CDCDCD;
    line-height: 30px;
    padding: 3px 0;}